<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<title>中国国家罕见病注册体系</title>
		<link rel=" shortcut icon " type="text/css " href="data/page/rare/images/rare-disease-icon.ico " />
		<!--Frame-css-->
		<link rel="stylesheet " href="../../Frame/Font-Awesome-4.6.3/css/font-awesome.min.css " />
		<link rel="stylesheet " href="../../Frame/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet " href="../../Frame/Mcake-1.2.0/css/Mcake.min.css " />
		<!--Cont-css-->
		<link rel="stylesheet" type="text/css" href="css/base-style.css"/>
		<link rel="stylesheet" href="css/liMarquee.css">
		<link rel="stylesheet" href="css/rare-4.css" />
		<style>
			.dowebok {
				width: 256px;
				height: 297px;
				margin: 0px 15px 0px 15px;
				font-size: 14px;
			}
			
			.dowebok ul {
				margin: 0px;
				line-height: 100px;
			}
			
			.dowebok a {
				color: #333;
				text-decoration: none;
				padding: 6px;
			}
			
			.dowebok a:hover {
				text-decoration: underline;
			}
		</style>
	</head>

	<body>
		<!--导航栏-->
		<div class="header navbar" id="header">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-taiget="#navbar-collapse">
						<span class="sr-only"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a href="#" class="navbar-brand">
						<img class="navbar-brand-img" src="img/logo.jpg" />
					</a>
				</div>
				<div class="collapse navbar-collapse" id="navbar-collapse">
					<ul class="nav navbar-nav navbar-right	">
						<li class="active">
							<a href="rare.html">首页</a>
						</li>
						<li>
							<a href="data/page/rare/disease-list.html">疾病知识</a>
						</li>
						<li>
							<a href="data/page/rare/data-share.html">数据共享</a>
						</li>
						<li>
							<a href="data/page/rare/project-schedule.html">项目动态</a>
						</li>
						<li>
							<a href="#">关于我们</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!--main开始-->
		<div class="main ">
			<!--內容1-->
			<div class="cont-img">
				<div class="container">
					<div class="row">
						<div class="col-xs-8 img-1">
							<img class="navbar-brand-img" src="img/banner_06.png" usemap="#planetmap" />
							<map name="planetmap">
							    <area shape="rect" coords="-10,300,140,13" href="mercur.htm" alt="Mercury" />
							</map>
						</div>
						<div class="col-xs-4 login">
							<img class="" src="img/banner_03.png" />
							<div class="cont">
								<h6>疾病注册登记系统</h6>
								<p>快速创建云病历，收集病历信息实现网络调查，提高工作效率！开始登记你的病历吧！</p>
								<button id="denglu"><a href="#">立即登录</a></button>
								<p class="zhuce">
									<a href="#">还没有账号，立即注册</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!--疾病知識-->
			<div class="knowledge container-fluid">
				<div class="container">
					<div class="row">

						<div class="col-xs-12 col-sm-4 col-md-4 item-cont">
							<a href="#">
								<div class="col-xs-12  col-md-4 item-img">
									<img src="img/icon_10.png" title=" " alt=" " />
								</div>
								<div class="col-xs-12 col-md-8 item-tit ">
									<h5>疾病知识库</h5>
									<p>支持59种罕见病，帮助您管理患者、病历、样本信息</p>
								</div>
							</a>
						</div>

						<div class="col-xs-12 col-sm-4 col-md-4 item-cont bder">
							<a href="#">
								<div class="col-xs-12 col-md-4 item-img">
									<img src="img/icon_05.png" title=" " alt=" " />
								</div>
								<div class="col-xs-12  col-md-8 item-tit ">
									<h5>数据共享平台</h5>
									<p>疾病数据共享信息，帮助你更直观的了解疾病的基本数据和分布数据</p>
								</div>
							</a>
						</div>

						<div class="col-xs-12 col-sm-4 col-md-4 item-cont">
							<a href="#">
								<div class="col-xs-12 col-md-4 item-img">
									<img src="img/icon_07.png" title=" " alt=" " />
								</div>
								<div class="col-xs-12 col-md-8 item-tit ">
									<h5>项目动态</h5>
									<p>实时更新项目动态，专家权威分析，网站公告等内容</p>
								</div>
							</a>
						</div>

					</div>
				</div>
			</div>

			<!--合作伙伴-->
			<div class="partner">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 col-sm-4 col-md-4 item-img">
							<div class="col-md-12 text">
								<p>合作伙伴</p>
							</div>
							<div class="col-md-12 dowebok">
								<ul>
									<li>
										<a href="#"><img src="img/hzhb_03.png" alt=""></a>
										<a href="#"><img src="img/hzhb_05.png" alt=""></a>
										<a href="#"><img src="img/hzhb_07.png" alt=""></a>
									</li>
									<li>
										<a href="#"><img src="img/hzhb_12.png" alt=""></a>
										<a href="#"><img src="img/hzhb_14.png" alt=""></a>
										<a href="#"><img src="img/hzhb_16.png" alt=""></a>
									</li>
									<li>
										<a href="#"><img src="img/hzhb_20.png" alt=""></a>
										<a href="#"><img src="img/hzhb_21.png" alt=""></a>
										<a href="#"><img src="img/hzhb_23.png" alt=""></a>
									</li>
									<li>
										<a href="#"><img src="img/hzhb_27.png" alt=""></a>
										<a href="#"><img src="img/hzhb_28.png" alt=""></a>
										<a href="#"><img src="img/hzhb_30.png" alt=""></a>
									</li>
								</ul>
							</div>
						</div>
						<div class="col-xs-12 col-sm-8 col-md-8 item">
							<div class="item-cont ">
								<h5>罕见病临床队列研究</h5>
								<p>
									&nbsp;&nbsp;"十三五 "将建国家罕见病注册登记平台由于患病率低人数少，又被称为孤儿病项目 主要包括两部分，将国家罕见病注册登记平台由于患病率低人数少
								</p>
								<a class="navbar-right a-url" href="#">查看详情></a>
							</div>
							<div class="item-cont">
								<h5>项目立项通知书</h5>
								<p>
									&nbsp;&nbsp;医药卫生科技发展研究中心重点研发计划精准医学研究重点专项年度项目立项的通知医药卫生科技发展研究中心重点研发计划精准医学研究重点专项年度项目立项的通知
								</p>
								<a class="navbar-right  a-url" href="#">查看详情></a>
							</div>
							<div class="item-cont">
								<div class="bder">
									<div class="col-xs-12 col-sm-3 item-cont-1 ">
										<h6>罕见疾病网址:</h6>
									</div>
									<div class="col-xs-12 col-sm-9 item-cont-1 ">
										<p>
											<a href="#">Orphanet</a>
											<a href="#">IRDiRC</a>
											<a href="#">中国罕见病</a>
											<a href="#">RD-Action</a>
											<a href="#">罕见疾病——欧洲员会</a><br />
											<a href="#">EC罕见疾病专家小组（欧盟）</a>
										</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--main结束-->

		<!-- footer开始 -->
		<footer class="footer" id="footer">
			<!--inner-footer1開始-->
			<div class="inner-footer1">
				<!--container開始-->
				<div class="container">
					<!--row開始-->
					<div class="row">
						<div class="col-xs-12  col-md-4 item-cont ">
							<p class="footer-info-link">
								<strong>友情链接：</strong>
								<a href="" title="">国家科技部</a>
								<a href="" title="">国家卫生计生委</a>
								<a href="" title="">中华医学会</a>
							</p>
							<p class="footer-info-link">
								<strong>公司地址：</strong> 北京市东城区帅府园一号北京协和医院
							</p>
							<p class="footer-info-link">
								<strong>医院电话：</strong>69156114
								<a href="http://www.miibeian.gov.cn/" title="">京ICP备05067313号-2</a>
							</p>
							<p class="omiss">Copyright 2013-2015 www.criponline.com All Rights
								<br />Reserved. 版权所有：神州数码有限公司 </p>
						</div>
						<div class="col-xs-12  col-md-4 item-cont  bder">
							<p>
								<img src="img/bottom_08.png" />
							</p>
						</div>
						<div class="col-xs-12  col-md-4 item-cont  item-img">
							<p>
								<div class="col-xs-6 col-sm-6">
									<img src="img/erweima1.png" />
								</div>
								<div class="col-xs-6 col-sm-6">
									<img src="img/erweima1.png" />
								</div>
							</p>
						</div>
					</div>
					<!--row結束-->
				</div>
				<!--container結束-->
			</div>
			<!--inner-footer1結束-->

			<!--last-div-->
			<div class="last-div">
				<!--container开始-->
				<div class="container">
					<!--row开始-->
					<div class="row">
						<p style="text-align: center;">
							<a href="# ">国家科技部</a>
							<a href="#">国家卫生计生委</a>
							<a href="#">中华医学会</a>
						</p>
					</div>
					<!--row結束-->
				</div>
				<!--container結束-->
			</div>
			<!--last-div結束-->
		</footer>
		<!-- footer结束 -->

		<!--Frame-js-->
		<script src="../../js/jquery-1.11.1.min.js"></script>
		<script src="../../Frame/bootstrap/js/bootstrap.min.js"></script>
		<script src="../../Frame/Mcake-1.2.0/js/Mcake.min.js"></script>
		<script src="js/jquery.liMarquee.js"></script>
		<script>
			$(function() {
				//加载头部
				$("#header").load("data/page/rare/header.html ");
				//加载底部
				//$("#footer ").load("data/page/rare/footer.html ")

				//实现滚动
				$('.dowebok').liMarquee({
					direction: 'up'
				});
			});
		</script>
	</body>

</html>